<script>
  // 自适应的盒子
  export default {
    name: 'SelfAdaption',
    functional: true,
    render(createElement, context) {
      const { scopedSlots } = context
      const { selfBoxs, title } = scopedSlots
      return (
        <div class="self-adaption">
          {/*<!-- 标题 -->*/}
          <div class="title">
            { title && title()}
          </div>
          {/*<!-- 一组文章盒子 -->*/}
          <div class="self-box-container flex">
            { selfBoxs && selfBoxs()}
          </div>
          {/*<!-- 一组文章盒子 -->*/}
        </div>
      )
    }
  }
</script>

<style lang="less">
  @import url('./self_adaption.less');
</style>